'use client';
import React from 'react';
import { useSearchParams } from 'react-router-dom';

import NormalForm from './normalForm';
import OneMoreStep from './oneMoreStep';
import cn from '@/utils/classnames';

const Forms = () => {
  const [searchParams] = useSearchParams();
  const step = searchParams.get('step');

  const getForm = () => {
    switch (step) {
      case 'next':
        return <OneMoreStep />;
      default:
        return <NormalForm />;
    }
  };
  return (
    <div className={cn('flex flex-col items-center w-full grow justify-center', 'px-6', 'md:px-[108px]')}>
      <div className="flex flex-col md:w-[400px]">{getForm()}</div>
    </div>
  );
};

export default Forms;
